<?php include 'application/views/header.php' ?>
<h4 class="page-title">Cấu hình hệ thống</h4>
<table width="100%" class="list list-configs">
    <tr>
        <th>STT</th>
        <th>Tên cấu hình</th>
        <th>Giá trị cấu hình</th>
        <th>Mô tả cho cấu hình</th>
        <th>Thao tác</th>
    </tr>
    <?php $index = 1 ?>
    <?php foreach($Configs as $config): ?>
    <tr>
        <td>
            <?php echo $index++ ?>
            <input type="hidden" value="<?php echo $config['ConfigId'] ?>" class="config-id" />
        </td>
        <td><?php echo $config['ConfigCode'] ?></td>
        <td width="350px" class="config-value"><?php echo $config['ConfigValue'] ?></td>
        <td><?php echo $config['ConfigDescription'] ?></td>
        <td>
            <a href="#" title="Sửa thông tin cấu hình">
                <div class="actEdit">Sửa</div>
            </a>
            <a href="#" style="display: none;" title="Lưu thông tin cấu hình">
                <div class="actSave">Lưu</div>
            </a>
            <a href="#" style="display: none;" title="Hủy thông tin cấu hình">
                <div class="actCancel">Hủy</div>
            </a>
        </td>
    </tr>
    <?php endforeach; ?>
</table>
<?php include 'application/views/footer.php' ?>
<script>
$('.list-configs .actEdit').click(function(){
    var parentNode = $(this).parent().parent().parent();
    var html = '<input type="text" class="text-edit" value="' + parentNode.find('.config-value').html() +'"/>';    
    parentNode.find('.config-value').html(html);
    $(this).parent().hide();
    $(this).parent().parent().find('.actSave').parent().show();
    $(this).parent().parent().find('.actCancel').parent().show();
    return false; 
});

$('.list-configs .actSave').click(function(){
    //save ajax
    var currentElement = $(this);
    var valueConfig = $(this).parent().parent().parent().find('.config-value > input').val();
    var idConfig = $(this).parent().parent().parent().find('.config-id').val(); 
    $.post('<?php echo base_url() ?>config/edit/' + idConfig, {
            ConfigValue : valueConfig
       }, function(data){
            if(data.res){
                $(currentElement).parent().parent().parent().find('.actEdit').parent().show();
                $(currentElement).parent().parent().parent().find('.actCancel').parent().hide();
                $(currentElement).parent().hide();
                $(currentElement).parent().parent().parent().find('.config-value').html(valueConfig);
            }
       }, 'json');  
});

$('.list-configs .actCancel').click(function(){
        var valueConfig = $(this).parent().parent().parent().find('.config-value > input').val();
        $(this).parent().parent().parent().find('.actEdit').parent().show();
        $(this).parent().parent().parent().find('.actSave').parent().hide();
        $(this).parent().hide();
        $(this).parent().parent().parent().find('.config-value').html(valueConfig); 
});
</script>